<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <base href="${pageContext.request.contextPath}">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/resource/bootstrap/css/bootstrap-theme.min.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/resource/lib/jquery-3.1.1.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resource/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/css/wukong-ui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resource/bootstrap/css/bootstrap-select.min.css">
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resource/bootstrap/js/bootstrap-select.min.js"></script>
</head>

<body>
<div class="row">
    <div class="col-lg-12">
        <ul class="breadcrumb wk-breadcrumb">
            <li><a href="#">企业信息管理系统</a></li>
            <li><a href="#">考勤管理</a></li>
            <li><a href="#">考勤数据录入</a></li>
        </ul>
    </div>
</div>

<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default wk-panel ">
            <div class="panel-heading">考勤数据录入 Create Data</div>
            <form action="${pageContext.request.contextPath}/saveAttendance" method="POST">
                <div class="panel-body">
                    <div class="row">
                        <div class="form-inline">
                            <div class="form-group">
                                <label class="control-label wk-filed-label">选择时间:
                                </label>
                                <div class="input-group">
                                    <input required="required" name="recordDate" type="date"
                                           class="form-control wk-normal-input" id="mark" placeholder="请输入开始时间"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label wk-filed-label">员工姓名:
                                </label>
                                <div class="input-group">
                                    <select class="wk-select" name="userId">
                                        <c:forEach items="${users}" var="var">
                                            <option value="${var.id}">${var.name}</option>
                                        </c:forEach>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label wk-filed-label">应勤天数:
                                </label>
                                <div class="input-group">
                                    <input required="required" name="amount" type="number"
                                           class="form-control wk-normal-input"
                                           placeholder="请输入应出勤天数"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label wk-filed-label">请假天数:
                                </label>
                                <div class="input-group">
                                    <input required="required" name="leave" type="number"
                                           class="form-control wk-normal-input"
                                           placeholder="请输入请假天数"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label wk-filed-label">旷工天数:
                                </label>
                                <div class="input-group">
                                    <input required="required" name="absenteeism" type="number"
                                           class="form-control wk-normal-input"
                                           placeholder="请输入旷工天数"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label wk-filed-label">调休天数:
                                </label>
                                <div class="input-group">
                                    <input required="required" name="vacation" type="number"
                                           class="form-control wk-normal-input"
                                           placeholder="请输入调休天数"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label wk-filed-label">实际天数:
                                </label>
                                <div class="input-group">
                                    <input required="required" name="realAmount" type="number"
                                           class="form-control wk-normal-input"
                                           placeholder="请输入实际天数"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel-footer wk-panel-footer">
                    <button type="submit" class="btn btn-default wk-btn">提&nbsp;&nbsp;交</button>
                </div>
            </form>
        </div>
    </div>
</div>

</body>
</html>
